<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="../CODE39.js"></script>
  <script src="../CODE128.js"></script>
  <script src="../EAN_UPC.js"></script>
  <script src="../ITF.js"></script>
	<script src="../ITF14.js"></script>
  <script src="../pharmacode.js"></script>
	<script src="../JsBarcode.js"></script>

  <style>
    body{
      font-family: monospace;
    }

    .testbox{
      display: inline-block;
      margin:25px;
      text-align: center;
    }
  </style>
</head>
<body>
	<div class="testbox">
    <b>Format:</b> CODE128<br>
    <b>Input:</b> A little test!<br>
    <b>Extra:</b>
    <br><br>
		<img id="barcode1"/>
		<script>$("#barcode1").JsBarcode("A little test!",{format:"CODE128", width:1, displayValue: true});</script>
	</div>

  <div class="testbox">
    <b>Format:</b> CODE39<br>
    <b>Input:</b> A little test<br>
    <b>Extra:</b> Some lowercase letters
    <br><br>
		<img id="barcode2"/>
		<script>$("#barcode2").JsBarcode("A little test",{format:"CODE39", width:1, displayValue: true});</script>
	</div>

  <div class="testbox">
    <b>Format:</b> UPC<br>
    <b>Input:</b> 123456789999<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode3"/>
    <script>$("#barcode3").JsBarcode("123456789999",{format:"UPC", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> EAN<br>
    <b>Input:</b> 5901234123457<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode4"/>
    <script>$("#barcode4").JsBarcode("5901234123457",{format:"EAN", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> EAN<br>
    <b>Input:</b> 590123412345<br>
    <b>Extra:</b> Without checksum digit
    <br><br>
    <img id="barcode5"/>
    <script>$("#barcode5").JsBarcode("590123412345",{format:"EAN", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> EAN8<br>
    <b>Input:</b> 96385074<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode6"/>
    <script>$("#barcode6").JsBarcode("96385074",{format:"EAN8", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> EAN8<br>
    <b>Input:</b> 9638507<br>
    <b>Extra:</b> Without checksum digit
    <br><br>
    <img id="barcode7"/>
    <script>$("#barcode7").JsBarcode("9638507",{format:"EAN8", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> ITF<br>
    <b>Input:</b> 12345678<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode8"/>
    <script>$("#barcode8").JsBarcode("12345678",{format:"ITF", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> ITF14<br>
    <b>Input:</b> 98765432109213<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode9"/>
    <script>$("#barcode9").JsBarcode("98765432109213",{format:"ITF14", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> pharmacode<br>
    <b>Input:</b> 12345<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode10"/>
    <script>$("#barcode10").JsBarcode("12345",{format:"pharmacode", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> CODE128<br>
    <b>Input:</b> Using querySelect<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode11"/>
    <script>JsBarcode("#barcode11","A little test!",{format:"CODE128", width:1, displayValue: true});</script>
  </div>

  <div class="testbox">
    <b>Format:</b> CODE128<br>
    <b>Input:</b> Using element<br>
    <b>Extra:</b>
    <br><br>
    <img id="barcode12"/>
    <script>JsBarcode(document.getElementById("barcode12"),"A little test!",{format:"CODE128", width:1, displayValue: true});</script>
  </div>
</body>
</html>
